<!-- 管理员设置年度开设专业  -->
<template>
  <div class="container">
    <div>
      <span style="font-weight: bold;">请选择年度：</span>
      <el-select v-model="nd" placeholder="请选择">
        <el-option
          v-for="(item,index) in ndList"
          :key="index"
          :label="item.xqszxn"
          :value="item.xqszxn"
        >
        </el-option>
      </el-select>
    </div>
    <div style="margin-top:50px">
      <span
        slot="footer"
        class="dialog-footer"
        style="width: 310px;display: block"
      >
        <div class="button-group">
          <div @click="pjByIdGuide1">
            <div>下一步</div>
          </div>
          <div @click="pjByIdGuide2">
            <div>取 消</div>
          </div>
        </div>
      </span>
    </div>
  </div>
</template>
<script>
import { ndselect } from "@/api/professional/details";
export default {
  data() {
    return {
      nd: "",
      ndList: [],
      // ndList: [
      //   {
      //     value: "2015",
      //     label: "2015-2016学年",
      //   },
      //   {
      //     value: "2016",
      //     label: "2016-2017学年",
      //   },
      //   {
      //     value: "2017",
      //     label: "2017-2018学年",
      //   },
      //   {
      //     value: "2018",
      //     label: "2018-2019学年",
      //   },
      //   {
      //     value: "2019",
      //     label: "2019-2020学年",
      //   },
      //   {
      //     value: "2020",
      //     label: "2020-2021学年",
      //   },
      //   {
      //     value: "2021",
      //     label: "2021-2022学年",
      //   },
      //   {
      //     value: "2022",
      //     label: "2022-2023学年",
      //   },
      //   {
      //     value: "2023",
      //     label: "2023-2024学年",
      //   },
      //   {
      //     value: "2024",
      //     label: "2024-2025学年",
      //   },
      //   {
      //     value: "2025",
      //     label: "2025-2026学年",
      //   },
      //   {
      //     value: "2026",
      //     label: "2026-2027学年",
      //   }
      // ],
    };
  },
  mounted(){
    this.ndselect()
  },
  methods:{
    pjByIdGuide1(){
      this.$router.push({ path: "/admin/professional/enrollment",query: {nd:this.nd} });
    },
    pjByIdGuide2(){
       this.$router.push("/admin/professional/major");
    },

    ndselect(){
    
      ndselect().then((res) => {
        this.ndList =res.data.data
        console.log(this.ndList, "555");
      });
  
    }
  }
};
</script>
<style scoped lang='less'>
.container {
  width: 20%;
  margin: 0 auto;
  // font-weight: bold;
  color: #004ca7;
  line-height: 30px;
  margin-top: 5%;
  /deep/.el-input__inner {
    height: 30px !important;
    line-height: 30px !important;
  }
}
.button-group {
    cursor: pointer;
    margin-top: 50px;
    text-align: center;

    > div {
      display: inline-block;
      font-size: 16px;
      padding: 2px 22px;
      border-radius: 6px;

      &:nth-child(1) {
        color: #f3b815;
        border: 1px solid #f3b815;
        background: #fff6ef;
        margin-right: 125px;
      }

      &:nth-child(2) {
        color: #ff3819;
        border: 1px solid #ff3819;
        background: #ffefef;
      }
    }
  }
</style>
